<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>云钢</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui-flex.css">
    <link rel="stylesheet" type="text/css" href="../../css/style.css" />
    <style>
        .aui-bar-light{ color: black; }
        .aui-bar-nav.aui-bar-light .aui-iconfont{ color: black; }
    </style>
</head>

<body>
    <header class="aui-bar aui-bar-nav aui-bar-light" id="header">
        <a class="aui-pull-left aui-btn" onclick="backpage()">
            <span class="aui-iconfont aui-icon-left"></span>
        </a>
        <div class="aui-title">物流信息</div>
    </header>
    <div id="app" v-cloak>
        <section class="aui-content">
            <div class="aui-timeline">
                <div class="aui-timeline-item-header"><span class="text-green">圆通快递：</span>YT95345611554415</div>
                <div class="aui-timeline-item">
                    <div class="aui-timeline-item-label text-light"><i class="aui-iconfont aui-icon-location"></i></div>
                    <div class="aui-timeline-item-inner">
                        <div class="aui-card-list">
                            <div class="aui-card-list-content-padded">
                                收货地址：山西省太原市小店区晋阳街联合大厦A座4单元903室
                            </div>
                        </div>
                    </div>
                </div>
                <div class="aui-timeline-item">
                    <div class="aui-timeline-item-label-icon bg-white">
                        <i class="aui-iconfont aui-icon-info text-light" style="color: #00A810;"></i>
                    </div>
                    <div class="aui-timeline-item-inner">
                        <div class="aui-card-list">
                            <div class="aui-card-list-content-padded text-green">
                                山西省太原市经济开发公司 已签收 签收人：本人签收。 感谢使用圆通速递，期待再次为您服务
                                <p class="text-green">2020-12-02 09:05:42</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="aui-timeline-item">
                    <div class="aui-timeline-item-label-icon bg-gray">
                        <i class="aui-iconfont aui-icon-info text-light" style="color: #999;"></i>
                    </div>
                    <div class="aui-timeline-item-inner">
                        <div class="aui-card-list">
                            <div class="aui-card-list-content-padded text-gray">
                                快件已暂存至联合大厦西门菜鸟驿站，请尽快前往取件，联系电话<span class="text-blue">15000000000</span>
                                <p class="text-gray">2020-12-02 09:05:42</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="aui-timeline-item">
                    <div class="aui-timeline-item-label-icon bg-gray">
                        <i class="aui-iconfont aui-icon-info text-light" style="color: #999;"></i>
                    </div>
                    <div class="aui-timeline-item-inner">
                        <div class="aui-card-list">
                            <div class="aui-card-list-content-padded text-gray">
                                山西省太原市经济开发区公司快递员 某某某正在派件
                                <p class="text-gray">2020-12-01 03:38:47</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="aui-timeline-item">
                    <div class="aui-timeline-item-label-icon bg-gray">
                        <i class="aui-iconfont aui-icon-info text-light" style="color: #999;"></i>
                    </div>
                    <div class="aui-timeline-item-inner">
                        <div class="aui-card-list">
                            <div class="aui-card-list-content-padded text-gray">
                                太原转运中心 已收入
                                <p class="text-gray">2020-11-30 09:05:42</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="aui-timeline-item">
                    <div class="aui-timeline-item-label-icon bg-gray">
                        <i class="aui-iconfont aui-icon-info text-light" style="color: #999;"></i>
                    </div>
                    <div class="aui-timeline-item-inner">
                        <div class="aui-card-list">
                            <div class="aui-card-list-content-padded text-gray">
                                请等待平台发货
                                <p class="text-gray">2020-12-02 09:05:42</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    
        </section>
    
    </div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/vue.js"></script>
<script type="text/javascript">

    var vm = {
        el: '#app',
        data: {
            list: []
        },
        mounted: function(){
            this.getList();
        },
        methods: {
            getList: function(){
                let that = this;
            }
        }
    }
    apiready = function() {
        $api.fixStatusBar(
            $api.byId("header")
        );
        // window.app = new Vue(vm);
        

    };

    function backpage(){
        api.closeWin({
            name: api.winName
        })
        
    }

</script>

</html>
